<div class="section">
  <div class="heading"><div class="title"><strong>浮动</strong></div></div>
  <pre><code><strong class="code">.pull-left</strong>  {float: left;}
<strong class="code">.pull-right</strong> {float: right;}
<strong class="code">.clearfix</strong>   {...} <span class="muted">// 清除浮动，<a class="text-link" href="http://zh.learnlayout.com/clearfix.html" target="_blank">参考</a>。</span></code></pre>
</div>

<div class="section">
  <div class="heading"><div class="title"><strong>显示类型</strong></div></div>
  <pre><code><strong class="code">.block</strong>            {display: block!important;}
<strong class="code">.inline</strong>           {display: inline!important;}
<strong class="code">.inline-block</strong>     {display: inline-block!important;}
<strong class="code">.hidden</strong>           {display: hidden!important;}
<strong class="code">.hide-empty</strong>:empty {display: hidden!important;}
<strong class="code">.invisible</strong>        {visibility: hidden;}</code></pre>

<div class="section">
  <div class="heading"><div class="title"><strong>液态化</strong></div></div>
  <pre><code><strong class="code">.fluid</strong>   {width: 100%!important;}
<strong class="code">.fluid-v</strong> {height: 100%!important;}</code></pre>
</div>
